<template>
	<div class="mb-20" style="padding-top:44px;">
		<NavBar />
		<div class="flex justify-center">
			<div class="container-width">
				<div class="main">
					<div class="nav">首页 / 园区整合传播</div>
					<div class="text-center mb-3" style="font-size: 36px;font-weight: 500;color: #000000;line-height: 50px;letter-spacing: 2px;">园区整合传播</div>
					<div class="text-center" style="height: 28px;font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #B7BAC0;line-height: 28px;">
						荟聚全国精英园区
					</div>
					<div
						v-html="content06"
						style="margin-top:78px;margin-bottom:54px;font-size: 18px;font-family: PingFangHK-Light, PingFangHK;font-weight: 300;color: #000000;line-height: 30px;letter-spacing: 1px;"
					></div>
					<div style="margin-bottom:47px;height: 33px;font-size: 24px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 33px;">
						具体服务项目
					</div>
					<div style="display:flex;justify-content: center;align-items: center;">
						<div style="margin-right:64px;display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_1.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">首页排名</div>
						</div>
						<div style="margin-right:64px;display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_2.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">VR拍摄</div>
						</div>
						<div style="margin-right:64px;display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_3.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">高端访谈</div>
						</div>
						<div style="display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_4.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">专项报道</div>
						</div>
					</div>
					<div style="margin-top:33px;display:flex;justify-content: center;align-items: center;">
						<div style="margin-right:64px;display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_5.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">主题策划</div>
						</div>
						<div style="margin-right:64px;display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_6.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">广告宣传</div>
						</div>
						<div style="margin-right:64px;display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_7.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">视频拍摄</div>
						</div>
						<div style="display:flex;align-items:center;">
							<div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_8.png" /></div>
							<div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">宣传文案</div>
						</div>
					</div>

					<div
						style="text-align:center;margin-top:126px;height: 50px;font-size: 36px;font-family: PingFangHK-Semibold, PingFangHK;font-weight: 600;color: #31394F;line-height: 50px;letter-spacing: 2px;"
					>
						获取详细方案
					</div>

					<div style="margin-top:37px;display:flex;justify-content:center;">
						<div style="width:600px;">
							<!-- <el-input v-model="yuanquForm.objectname" prefix-icon="el-icon-school" placeholder="园区名称"></el-input> -->
							<el-input placeholder="请输入姓名" prefix-icon="el-icon-user-solid" style="margin-bottom:23px;" v-model="form.name"></el-input>
							<el-input placeholder="请输入公司名称" prefix-icon="el-icon-office-building" style="margin-bottom:23px;" v-model="form.objectname"></el-input>
							<el-input placeholder="请输入手机号" prefix-icon="el-icon-mobile" style="margin-bottom:23px;" v-model="form.mobile"></el-input>

							<el-input placeholder="简单说明您的需求" prefix-icon="el-icon-office-building" style="margin-bottom:23px;" v-model="form.remark"></el-input>
							<!-- <el-input
                placeholder="请输入验证码"
                prefix-icon="el-icon-lock"
                style="margin-bottom:23px;"
                v-model="form.vcode">
                <template slot="append">获取验证码</template>
              </el-input> -->
							<el-button @click="addContact" style="background-color:#FE7743;color:#FFFFFF;border-color:#FE7743;width:100%;">发送</el-button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
import { getFuWenBen } from '@/api/common';
import { createContact } from '@/api/contact';
import NavBar from '@/components/NavBar.vue';

export default {
	name: 'CollectView',
	components: {
		NavBar
	},
	data() {
		return {
			content06: '',
			form: {
				
				objectname: '',
				name: '',
				remark: '',
				demand: '',
				duijiefenlei:5
			}
		};
	},
	created() {
		getFuWenBen(6).then(response => {
			this.content06 = response.data;
		});
	},
	methods: {
		addContact() {
			createContact(this.form).then(response => {
				if (response.result === 1) {
          this.form = {
            name: '',
			remark: '',
			objectname: '',
			demand: '',	
          }
          this.$notify({
            title: '成功',
            message: response.msg,
            type: 'success',
            duration: 2000
          })
        } else {
          this.$notify({
            title: '错误',
            message: response.msg,
            type: 'error',
            duration: 2000
          })
        }
				// console.info(response.data)
			});
		}
	}
};
</script>

<style lang="scss">
.main .nav {
	font-size: 0.625rem;
	font-family: PingFangHK-Regular, PingFangHK;
	font-weight: 400;
	color: #a4a8af;
	margin-top: 0.8125rem;
}
</style>
